html,body{
    height: 100%;
}
html {font-size: 7.02746vw;}

header {
    overflow: hidden;
    margin-bottom: 0.1rem;
    a { float: left;}
    p {float: left; width: 1.19rem; height: 0.33rem; text-align: center;line-height: 0.32rem; border-left: 1px #eee solid;font-size: 0.22rem; color: #666666; margin-top: 0.14rem;}
}


#container {
    
   outline: none;
    height: 7.52rem;
    
    .reg {
        ul {width: 9.9rem; height: 3.92rem;font-size:0.14rem;margin:1rem auto;
            li{overflow: hidden; margin-bottom: 0.16rem; line-height: 0.4rem;margin-left:1rem;
                i{float: left;display: block;width: 0.99rem;text-align: right;font-style: normal;}
                p{float: left; margin-right: 0.08rem; }
                .reg_p1,.reg_p2 {border: 1px #ddd solid; padding-left: 0.45rem; margin-bottom: 0.12rem;
                    input {width: 2.49rem; height: 0.38rem; line-height: 0.38rem; text-indent: 0.08rem; border-left: 1px #ddd solid;}
                }
                .reg_p1 {background: url(../image/denglu2.jpg) 0 -0.05rem no-repeat; }
                .reg_p2 {background: url(../image/denglu1.jpg) 0 -0.05rem no-repeat; }
            span {float: left;}
               
            }
            .yzm {
                #txtValidateCode {width: 0.8rem; height: 0.38rem; border: 1px #ddd solid;}
                a {float: left;img {width: 0.8rem; height: 0.35rem;}}
            }
            .reg_li{line-height: 0.2rem;text-decoration: none; color: #000; font-size: 0.14rem;
            a {color: #f33c11;}
            }
            .reg_btn {width: 290px;
                height: 34px;
                line-height: 34px;
                background: #f33c11;
                font-size: 18px;
                color: #fff;
            border-radius: 0.05rem;}
        }
    }
}

footer{
    position: absolute; bottom: 0;left: 0;
    // width: 100%;
    div {margin-left: 0.92rem; font-size: 0.12rem;
        height: 0.38rem; line-height: 0.38rem;
        a{padding: 0 0.15rem;}
    }
}